<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">


    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/style.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
        <script  type="text/javascript" src="jquery.poptrox-0.1.js"></script>
        <title>Page d'identification</title>


    </h:head>


    <h:body>
        <br></br>
        <br></br>

        <br></br>
        <div id="header" class="container">
            <div id="logo">
                <h1><a href="#">Projet application banquaire</a></h1>
                <p>Alaoui-Cywier-Pierro</p>

            </div>

            <br></br>
            <br></br>
            <br></br>

            <br></br>
            <br></br>

            <br></br>


            <f:view>  


                <h:form>

                    <p:messages showDetail="true" id="research" globalOnly="true" autoUpdate="true"/>

                    <p:panel id="panel" header="Connexion">

                        <p:panel header="Entrez vos identifiants">  

                            <h:panelGrid columns="2">  

                                <h:outputText value="Login: " />  
                                <h:inputText id="login" value="#{compteBancaireMBean.login}"/>

                                <h:outputText value="Password: " />  
                                <p:password value="#{compteBancaireMBean.password}" feedback="false" />  

                                <br></br>
                                <br></br>

                                <br></br>

                                <h:selectOneMenu id="id" value="#{compteBancaireMBean.statutUtilisateur}">  
                                    <f:selectItem itemLabel="Select statut" itemValue="administrateur" />  
                                    <f:selectItems value="#{compteBancaireMBean.listeStatusUtilisateur}" />  


                                </h:selectOneMenu>


                            </h:panelGrid>  
                        </p:panel>  


                        <h:commandButton value="Valider" action="#{compteBancaireMBean.doConnect}"/>

                    </p:panel>  

                </h:form>
            </f:view>


        </div>

    </h:body>

</html>
